<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Username')}:</label>
        <div class="col-xs-12 col-sm-8" style="width: 120px;">
            <input id="c-username" class="form-control" name="row[username]" style="width: 120px;" type="text">
        </div>
        <label class="control-label col-xs-12 col-sm-2">{:__('Sex')}:</label>
        <div class="col-xs-12 col-sm-8" style="width: 260px;">
            {:build_radios('row[sex]', ['男'=>__('Male'), '女'=>__('Female')])}
        </div>
    </div>
    <!--    <div class="form-group">-->
    <!--        <label class="control-label col-xs-12 col-sm-2">{:__('Sex')}:</label>-->
    <!--        <div class="col-xs-12 col-sm-8">-->
    <!--            <input id="c-sex" class="form-control" name="row[sex]" type="text">-->
    <!--        </div>-->
    <!--    </div>-->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Tel')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-tel" class="form-control" name="row[tel]" type="text">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Idno')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-idno" class="form-control" name="row[idno]" type="text">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Grade')}:</label>
        <div class="col-xs-12 col-sm-8" style="width: 120px;">
            <select id="c-grade" class="form-control" name="row[grade]" style="width: 120px;">
                <option value='2021级'>2021级</option>
                <option value='2022级'>2022级</option>
                <option value='2023级'>2023级</option>
                <option value='2024级'>2024级</option>
                <option value='2025级' selected="selected">2025级</option>
                <option value='2026级'>2026级</option>
            </select>
<!--            <input id="c-grade" class="form-control" name="row[grade]" style="width: 120px;" type="text">-->
        </div>

        <label class="control-label col-xs-12 col-sm-2">{:__('Classname')}:</label>
        <div class="col-xs-12 col-sm-8" style="width: 240px;">
            <select id="c-classname" class="form-control" name="row[classname]" style="width: 200px;">
                <!--                <option selected="selected" value='幼儿教育'>幼儿教育</option>-->
                <option value='待定专业'>待定专业</option>
                <!--                <option value='城市轨道交通运输与管理（校企共建）'>城市轨道交通运输与管理（校企共建）</option>-->
                <!--                <option value='航空服务（校企共建）'>航空服务（校企共建）</option>-->
                <!--                <option value='计算机应用与维修（平面设计）（校企共建）'>计算机应用与维修（平面设计）（校企共建）</option>-->
                <!--                <option value='21级计算机应用与维修（平面设计）（校企共建）'>21级计算机应用与维修（平面设计）（校企共建）</option>-->
                <!--                <option value='计算机应用与维修（平面设计国防教育）（校企共建）'>计算机应用与维修（平面设计国防教育）（校企共建）</option>-->
                <!--                <option value='计算机应用与维修（广告设计）（校企共建）'>计算机应用与维修（广告设计）（校企共建）</option>-->
                <!--                <option value='计算机应用与维修（室内设计）（校企共建）'>计算机应用与维修（室内设计）（校企共建）</option>-->


                <option value='电子商务（产教融合特色班）（全国工学一体化建设专业）'>电子商务（产教融合特色班）（全国工学一体化建设专业）</option>
                <option value='高考部复读班'>高考部复读班</option>
                <!--                <option value='汽车营销（高级）'>汽车营销（高级）</option>-->
                <!--                <option value='建筑施工（高级）'>建筑施工（高级）</option>-->
                <option value='工程造价（产教融合特色班）'>工程造价（产教融合特色班）</option>
                <option value='国际本科升学班'>国际本科升学班</option>
                <!--                <option value='计算机网络应用'>计算机网络应用</option>-->
                <option value='护理（省重点特色专业）'>护理（省重点特色专业）</option>
                <option value='交通客运服务（校企共建）'>交通客运服务（校企共建）</option>
                <option value='计算机应用与维修'>计算机应用与维修</option> 
                <option value='计算机应用与维修（AI人工智能软件技术方向）（校企共建）'>计算机应用与维修（AI人工智能软件技术方向）（校企共建）</option>
                <option value='计算机应用与维修（数字媒体技术方向）（校企共建）'>计算机应用与维修（数字媒体技术方向）（校企共建）</option>
                <option value='计算机应用与维修（冲刺班）'>计算机应用与维修（冲刺班）</option>
                <option value='计算机应用与维修（三校生高考班）'>计算机应用与维修（三校生高考班）</option>
                <option value='计算机应用与维修（三校生）'>计算机应用与维修（三校生）</option>
                <option value='计算机网络应用（运动训练）'>计算机网络应用（运动训练）</option>
                <option value='计算机网络应用（普通类）'>计算机网络应用（普通类）</option>
                <option value='计算机网络应用（职教类）'>计算机网络应用（职教类）</option>
                <option value='计算机网络应用（艺术类）'>计算机网络应用（艺术类）</option>
                <option value='计算机应用与维修平面设计（校企共建）'>计算机应用与维修平面设计（校企共建）</option>
                <option value='计算机应用与维修平面设计国防教育（校企共建）'>计算机应用与维修平面设计国防教育（校企共建）</option>
                <option value='计算机应用与维修室内设计国防教育（校企共建）'>计算机应用与维修室内设计国防教育（校企共建）</option>
                <option value='计算机应用与维修室内设计（校企共建）'>计算机应用与维修室内设计（校企共建）</option>
                <option value='计算机应用与维修广告设计（校企共建）'>计算机应用与维修广告设计（校企共建）</option>
                <option value='会计（银行金融方向）（校企共建）'>会计（银行金融方向）（校企共建）</option>
                <option value='康复保健（省重点特色专业）'>康复保健（省重点特色专业）</option>
                <option value='口腔义齿制造'>口腔义齿制造</option>
                <option value='美容保健（省重点特色专业）'>美容保健（省重点特色专业）</option>
                <!--                <option value='汽车营销'>汽车营销</option>-->
                <option value='现代物流（京东电商方向）（校企共建）'>现代物流（京东电商方向）（校企共建）</option>
                <option value='现代物流（国防教育）（校企共建）'>现代物流（国防教育）（校企共建）</option>
                <!--                <option value='消防工程技术'>消防工程技术</option>-->
                <option value='新能源汽车检测与维修（全国工学一体化建设专业）'>新能源汽车检测与维修（全国工学一体化建设专业）</option>
                <option value='新能源汽车检测与维修（智能网联汽车方向）（校企共建）'>新能源汽车检测与维修（智能网联汽车方向）（校企共建）</option>
                <option value='药物制剂（省重点特色专业）'>药物制剂（省重点特色专业）</option>
                <option value='城市轨道交通运输与管理（校企合作）（高级）'>城市轨道交通运输与管理（校企合作）（高级）</option> 
                <option value='电子商务（全国工学一体化建设专业）（冲刺班）'>电子商务（全国工学一体化建设专业）（冲刺班）</option>
                <option value='电子商务（全国工学一体化建设专业）（高级）'>电子商务（全国工学一体化建设专业）（高级）</option>
                <option value='电子技术应用（国防教育加无人机方向）（校企共建）（高级）'>电子技术应用（国防教育加无人机方向）（校企共建）（高级）</option>
                <option value='电子技术应用（无人机方向）（校企共建）（高级）'>电子技术应用（无人机方向）（校企共建）（高级）</option>
                <option value='护理（省重点特色专业）（高级）'>护理（省重点特色专业）（高级）</option>
                <option value='护理（省重点特色专业）（冲刺班）'>护理（省重点特色专业）（冲刺班）</option>

                <option value='工程造价（产教融合特色专业）（高级）'>工程造价（产教融合特色专业）（高级）</option>
                <option value='工业机器人应用与维护（校企合作定向班）（高级）'>工业机器人应用与维护（校企合作定向班）（高级）</option>
                <option value='交通客运服务（校企共建）（高级）'>交通客运服务（校企共建）（高级）</option>
                <option value='计算机应用与维修（高级）'>计算机应用与维修（高级）</option>
                <option value='计算机应用与维修（国防教育方向）（校企共建）（高级）'>计算机应用与维修（国防教育方向）（校企共建）（高级）</option>
                <!-- <option value='计算机应用与维修（国防教育方向）（高级）'>计算机应用与维修（国防教育方向）（高级）</option> -->
                <option value='康复保健（省重点特色专业）（高级）'>康复保健（省重点特色专业）（高级）</option>
                <option value='口腔义齿制造（高级）'>口腔义齿制造（高级）</option>
                <option value='美容保健（省重点特色专业）（高级）'>美容保健（省重点特色专业）（高级）</option>
                <option value='数字媒体技术应用（校企合作）（高级）'>数字媒体技术应用（校企合作）（高级）</option>
                <option value='消防工程技术（校企共建）（高级）'>消防工程技术（校企共建）（高级）</option>
                <option value='新能源汽车检测与维修（全国工学一体化建设专业）（高级）'>新能源汽车检测与维修（全国工学一体化建设专业）（高级）</option>
                <option value='新能源汽车检测与维修（智能网联汽车方向）（校企共建）（高级）'>新能源汽车检测与维修（智能网联汽车方向）（校企共建）（高级）</option>
                <option value='幼儿教育（高级）'>幼儿教育（高级）</option>
                <option value='智能制造技术应用（高级）'>智能制造技术应用（高级）</option>
            </select>
<!--            <input id="c-classname" class="form-control" name="row[classname]" style="width: 120px;" type="text">-->
        </div>
<!--        <label class="control-label col-xs-12 col-sm-2">{:__('Classname')}:</label>-->
<!--        <div class="col-xs-12 col-sm-8" style="width: 120px;">-->
<!--            <input id="c-classname" class="form-control" name="row[classname]" style="width: 120px;" type="text">-->
<!--        </div>-->

    </div>
    <!--    <div class="form-group">-->
    <!--        <label class="control-label col-xs-12 col-sm-2">{:__('Classname')}:</label>-->
    <!--        <div class="col-xs-12 col-sm-8">-->
    <!--            <input id="c-classname" class="form-control" name="row[classname]" type="text">-->
    <!--        </div>-->
    <!--    </div>-->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Department')}:</label>
        <div class="col-xs-12 col-sm-8">
<!--            <input id="c-department" class="form-control" name="row[department]" type="text">-->
            <select id="c-department" class="form-control" name="row[department]" >
                <option value='现代商贸系'>现代商贸系</option>
                <option value='职教高考部'>职教高考部</option>
                <option value='工程技术系'>工程技术系</option>
                <option value='待定系'>待定专业系</option>
                <option value='幼教护理系' selected="selected">幼教护理系</option>
            </select>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Xuezhi')}:</label>
        <div class="col-xs-12 col-sm-8" style="width: 120px;">
            <select id="c-xuezhi" class="form-control" name="row[xuezhi]" style="width: 120px;">
                <option value='两年'>两年</option>
                <option value='三年' selected="selected">三年</option>
                <option value='四年'>四年</option>
                <option value='五年'>五年</option>

            </select>
        </div>
        <label class="control-label col-xs-12 col-sm-2">{:__('Score')}:</label>
        <div class="col-xs-12 col-sm-8" style="width: 120px;">
            <input id="c-score" class="form-control" style="width: 120px;" name="row[score]" type="text">
        </div>
    </div>

<!--    <div class="form-group">-->
<!--        <label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>-->
<!--        <div class="col-xs-12 col-sm-8">-->

<!--            <div class="radio">-->
<!--                {foreach name="statusList" item="vo"}-->
<!--                <label for="row[status]-{$key}"><input id="row[status]-{$key}" name="row[status]" type="radio" value="{$key}" {in name="key" value="0"}checked{/in} /> {$vo}</label>-->
<!--                {/foreach}-->
<!--            </div>-->

<!--        </div>-->
<!--    </div>-->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Year')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select id="c-year"  class="form-control" name="row[year]">
                <option value='2022学年'>2022学年</option>
                <option value='2023学年'>2023学年</option>
                <option value='2024学年'>2024学年</option>
                <option value='2025学年' selected="selected">2025学年</option>
                <option value='2026学年' >2026学年</option>
            </select>
<!--            <input id="c-year" class="form-control" name="row[year]" type="text">-->
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Payall')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-payall" class="form-control" step="0.01" name="row[payall]" type="number" style="width: 120px;">
            <label style="line-height: 30px;margin-left: 30px;font-weight: normal;">代收费汇总：</label>
            <input id="payotherall" name="payotherall"  class="form-control" step="0.01" type="number" style="width: 120px;">
        </div>
    </div>
    <!--    学费  住宿费 -->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Pay1')}:</label>
        <div class="col-xs-12 col-sm-8" style="width: 120px;">
            <input id="c-pay1" class="form-control" style="width: 120px;" step="0.01" name="row[pay1]" type="number" value="0.00">
        </div>
        <label class="control-label col-xs-12 col-sm-2">{:__('Pay2')}:</label>
        <div class="col-xs-12 col-sm-8" style="width: 120px;">
            <input id="c-pay2" class="form-control" style="width: 120px;" step="0.01" name="row[pay2]" type="number" value="0.00">
        </div>
    </div>



    <div class="form-group">

        <label class="control-label col-xs-12 col-sm-2">{:__('Pay9')}:</label>
        <div class="col-xs-12 col-sm-8" style="width: 120px;">
            <input id="c-pay9" class="form-control" style="width: 120px;" step="0.01" name="row[pay9]" type="number" value="0.00">
        </div>

        <label class="control-label col-xs-12 col-sm-2">{:__('Pay3')}:</label>
        <div class="col-xs-12 col-sm-8" style="width: 120px;">
            <input id="c-pay3" class="form-control" style="width: 120px;" step="0.01" name="row[pay3]" type="number" value="0.00">
        </div>


    </div>
    <!--    <div class="form-group">-->
    <!--        <label class="control-label col-xs-12 col-sm-2">{:__('Pay4')}:</label>-->
    <!--        <div class="col-xs-12 col-sm-8">-->
    <!--            <input id="c-pay4" class="form-control" step="0.01" name="row[pay4]" type="number" value="0.00">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    技能鉴定费 校服费-->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Pay4')}:</label>
        <div class="col-xs-12 col-sm-8" style="width: 120px;">
            <input id="c-pay4" class="form-control" style="width: 120px;" step="0.01" name="row[pay4]" type="number" value="0.00">
        </div>

        <label class="control-label col-xs-12 col-sm-2">{:__('Pay6')}:</label>
        <div class="col-xs-12 col-sm-8" style="width: 120px;">
            <input id="c-pay6" class="form-control" style="width: 120px;" step="0.01" name="row[pay6]" type="number" value="0.00">
        </div>


    </div>
    <!--    <div class="form-group">-->
    <!--        <label class="control-label col-xs-12 col-sm-2">{:__('Pay7')}:</label>-->
    <!--        <div class="col-xs-12 col-sm-8" style="width: 120px;">-->
    <!--            <input id="c-pay7" class="form-control" style="width: 120px;" step="0.01" name="row[pay7]" type="number">-->
    <!--        </div>-->

    <!--    </div>-->
    <!--   培训费 书本费-->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Pay7')}:</label>
        <div class="col-xs-12 col-sm-8" style="width: 120px;">
            <input id="c-pay7" class="form-control" style="width: 120px;" step="0.01" name="row[pay7]" type="number" value="0.00">
        </div>

        <label class="control-label col-xs-12 col-sm-2">{:__('Pay8')}:</label>
        <div class="col-xs-12 col-sm-8" style="width: 120px;">
            <input id="c-pay8" class="form-control" style="width: 120px;" step="0.01" name="row[pay8]" type="number" value="0.00">
        </div>
    </div>
    <!--    <div class="form-group">-->
    <!--        <label class="control-label col-xs-12 col-sm-2">{:__('Pay9')}:</label>-->
    <!--        <div class="col-xs-12 col-sm-8">-->
    <!--            <input id="c-pay9" class="form-control" step="0.01" name="row[pay9]" type="number" value="0.00">-->
    <!--        </div>-->
    <!--    </div>-->

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Pay5')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-pay5" class="form-control" step="0.01" name="row[pay5]" type="number" value="0.00">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Mete')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-mete" class="form-control" name="row[mete]" type="text">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('School')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-school" class="form-control" name="row[school]" type="text">
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
<script>

    //获取select元素
    var provSelect = document.querySelector('#c-classname');
    var citySelect = document.querySelector('#c-department');
    var xuezhiSelect = document.querySelector('#c-xuezhi');


    //给第一个select绑定change事件
    provSelect.onchange = function(){
            //获取 当前的选项
        var index = this.value;

        if(index=="护理（省重点特色专业）"||index=="药物制剂（省重点特色专业）"||index=="康复保健（省重点特色专业）"||index=="美容保健（省重点特色专业）"||
            index=="幼儿教育"||index=="护理（省重点特色专业）（高级）"||index=="美容保健（省重点特色专业）（高级）"||index=="康复保健（省重点特色专业）（高级）"||
            index == "幼儿教育（高级）" || index == "口腔义齿制造" || index == "口腔义齿制造（高级）" || index == "护理（省重点特色专业）（冲刺班）"){
            citySelect.value="幼教护理系";
        }else if(index=="计算机网络应用"||index=="计算机网络应用（普通类）"||index=="计算机网络应用（职教类）"||index=="计算机网络应用（艺术类）"){
            citySelect.value="职教高考部";
        }else if(index=="计算机应用与维修"||index=="计算机应用与维修（高级）"||index=="计算机应用与维修（冲刺班）"||
           index=="新能源汽车检测与维修（全国工学一体化建设专业）（高级）"||index=="工业机器人应用与维护（校企合作定向班）（高级）"||
            index=="工程造价（产教融合特色专业）（高级）"||index=="消防工程技术（校企共建）（高级）"|| index=="计算机应用与维修（国防教育方向）（高级）"|| index=="计算机应用与维修（国防教育方向）（校企共建）（高级）"||
            index=="工程造价（产教融合特色班）"|| index=="新能源汽车检测与维修（全国工学一体化建设专业）"|| index=="新能源汽车检测与维修（智能网联汽车方向）（校企共建）"||
            index == "新能源汽车检测与维修（智能网联汽车方向）（校企共建）（高级）" || index == "智能制造技术应用（高级）" || index == "电子技术应用（国防教育加无人机方向）（校企共建）（高级）" ||
            index == "电子技术应用（无人机方向）（校企共建）（高级）" ) {
            citySelect.value="工程技术系";
        }else if( index=="电子商务（全国工学一体化建设专业）（高级）"||index=="电子商务（产教融合特色班）（全国工学一体化建设专业）"||index=="会计（银行金融方向）（校企共建）"||index=="现代物流（京东电商方向）（校企共建）"||
            index=="城市轨道交通运输与管理（校企共建）"||index=="航空服务（校企共建）"||index=="计算机应用与维修平面设计（校企共建）"||index=="计算机应用与维修平面设计国防教育（校企共建）"||index=="计算机应用与维修室内设计国防教育（校企共建）"||
            index=="计算机应用与维修（数字媒体技术方向）（校企共建）"||index=="计算机应用与维修室内设计（校企共建）"||index=="计算机应用与维修广告设计（校企共建）"||index=="计算机应用与维修（三校生）"||index=="交通客运服务（校企共建）"||
            index == "电子商务(产教融合特色班)(全国工学一体化建设专业)（高级）" || index == "城市轨道交通运输与管理（校企合作）（高级）" || index == "交通客运服务（校企共建）（高级）" || index == "数字媒体技术应用（校企合作）（高级）" || index == "电子商务（全国工学一体化建设专业）（冲刺班）"){
            citySelect.value="现代商贸系";
        }else {
            citySelect.value="待定系";
        }

        if(!index.includes("高级")){
            xuezhiSelect.value="三年";
        }
    }


    //手工触发一次 change事件
    //provSelect.onchange();

</script>
